<template>
  <div class="not_role_voew_wrap">
    <div class="content_box">
      <span class="title">很抱歉,您没有该页面的权限!</span>
      <el-button type="primary" plain @click="returnClick" size="large"
        >返回</el-button
      >
    </div>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'NotRoleView',
})
</script>
<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()

const returnClick = () => {
  router.back(2)
}
</script>

<style lang="scss" scoped>
.not_role_voew_wrap {
  text-align: center;
  width: 100vw;
  height: 100vh;
  position: relative;

  .content_box {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translate(-50%, -50%);

    .title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 60px;
    }
  }
}
</style>
